<div class="row mix-sel-icons">
    <div class="col-12">
        <div class="input-group input-group-sm mb-2">
            <div class="input-group-prepend">
                <span class="input-group-text"><i class="{{$ctrl.data}}"></i></span>
            </div>
            <input type="text" class="form-control" ng-model="$ctrl.data" />
        </div>
    </div>
    <div class="col-12 mb-1">
        <div class="input-group input-group-sm mb-2">
            <input type="text" placeholder="search keywords..." class="form-control" ng-model="$ctrl.searchText" />
            <div class="input-group-append">
                <span class="input-group-text"><i class="fas fa-search"></i></span>
            </div>
        </div>
    </div>
    <div class="list-icon border w-100 mx-3">
        <a class="dropdown-item btn px-2" ng-repeat="ico in $ctrl.options| filter:$ctrl.searchText"
            ng-click="$ctrl.select(ico)">
            <i class="{{ico.class}} pr-2"></i>
            <small>{{ico.title}}</small>
        </a>
    </div>
</div>